<template>
  <div>
    <div class="header">
      <img class="avaImg" src="../../assets/ava.png" alt="" />
      <span class="header-txt">小老虎</span>
    </div>

    <div class="nav">
      <ul class="navList" >
        <li class="navList-item">
          <img class="navList-img" src="../../assets/订单.png" alt="">
          <p class="navList-txt">我的订单</p>
        </li><li class="navList-item">
          <img class="navList-img" src="../../assets/优惠券.png" alt="">
          <p class="navList-txt">优惠券</p>
        </li><li class="navList-item">
          <img class="navList-img" src="../../assets/icon-足迹.png" alt="">
          <p class="navList-txt">我的足迹</p>
        </li><li class="navList-item" @click="toCollect">
          <img class="navList-img" src="../../assets/我的收藏.png" alt="">
          <p class="navList-txt">我的收藏</p>
        </li>
        <li class="navList-item" @click="toAddress">
          <img class="navList-img" src="../../assets/地址管理.png" alt="">
          <p class="navList-txt">我的地址</p>
        </li><li class="navList-item">
          <img class="navList-img" src="../../assets/客服.png" alt="">
          <p class="navList-txt">地址管理</p>
        </li><li class="navList-item">
          <img class="navList-img" src="../../assets/帮助.png" alt="">
          <p class="navList-txt">帮助中心</p>
        </li><li class="navList-item" @click="toOpinion">
          <img class="navList-img" src="../../assets/意见反馈.png" alt="">
          <p class="navList-txt">意见反馈</p>
        </li>
        
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "user",
  data() {
    return {};
  },
  mounted() {},
  methods: {
    toAddress(){
      this.$router.push('/user/address')
    },
    toCollect(){
      this.$router.push('/user/collect')

    },
    toOpinion(){
      this.$router.push('/user/opinion')

    }
  },
};
</script>

<style lang="scss" scoped>
@import "./scss/index.scss";
</style>>

